<!doctype html>
<html lang="zh-cmn-Hans">

<head>
    <!-- 编码方式 -->
    <meta charset="utf-8">
    <!-- 移动端视图 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- SEO友好关键字 -->
    <meta name="keywords" content="西南科技大学">
    <meta name="keywords" content="计算机&网络技术协会">
    <meta name="keywords" content="西南科技大学计算机&网络技术协会">
    <meta name="keywords" content="首页">
    <!-- 页面描述内容 -->
    <meta name="description" content="西南科技大学计算机&网络技术协会">
    <!-- 作者 -->
    <meta name="author" content="西南科技大学计算机&网络技术协会,1519518315@qq.com">
    <!-- 搜索引擎索引 -->
    <meta name="robots" content="index">
    <!-- 搜索引擎爬虫重访时间 -->
    <meta name="revisit-after" content="1 days">
    <!-- 默认webkit内核 -->
    <meta name="renderer" content="webkit">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/css/resources/bootstrap.css">
    <link rel="stylesheet" href="/fontawesome-free-5.11.2-web/css/all.css">
    <!-- yangjiangtao -->
    <link rel="stylesheet" href="/css/front/yjt.layout.css">
    <link rel="stylesheet" href="/css/front/yjt.jumbotron.css">
    <link rel="stylesheet" href="/css/front/yjt.menu.css">
    <link rel="stylesheet" href="/css/front/yjt.post.css">
    <link rel="stylesheet" href="/css/front/yjt.aside.box.css">
    <!-- 你的css样式 -->
    

    <title>Welcome to CaitClub</title>
</head>

<body>
    <div id="page" class="page">
        <aside class="aside-menu bg-black text-white " id="collapseAside">
            <ul class="menu-nav">
                <li class="brand">Cait·Club</li>
                <li><a href="index.html">Home</a></li>
                <li><a href="news.html">News</a></li>
                <li><a href="notice.html">Notice</a></li>
                <li><a href="member.html">Members</a></li>
                <li><a href="about.html">About</a></li>
            </ul>
            <div class="px-5 ">
                <div class="seacher-box py-4 mb-4">
                    <h2 class="box-title">Search</h2>
                    <form action="#" class="search-form" method="GET">
                        <label class="search-field">
                            <span class="sr-only">Search...</span>
                            <input type="text" class="search-btn" placeholder="Search...">
                        </label>
                        <button type="submit" class="search-submit" placeholder="Search...">
                            <i class="fas fa-search"></i>
                        </button>
                    </form>
                </div>
                <div class="lastest-file-box py-4 mb-5">
                    <h2 class="box-title">Latest Posts</h2>
                    <ul class="list-unstyled file-list">
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">
                                    Our trip to Mount Cook
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">Vegetable stir fry
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">The eighth Wonder of the
                                    World
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">
                                    Our trip to Mount Cook
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">Vegetable stir fry
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                    </ul>
                </div>
                <div class="tag-box py-4 ">
                    <h2 class="box-title">Tags</h2>
                    <div class="tages">
                        <a href="#"> website stores</a>
                        <a href="#" class="h4">bootstrap </a>
                        <a href="#">home </a>
                        <a href="#">home </a>
                        <a href="#">alcohol </a>
                        <a href="#">home </a>
                        <a href="#" class="h3">website stores </a>
                        <a href="#"> </a>
                        <a href="#" class="h3">collect information </a>
                        <a href="#" class="h2"> information </a>
                        <a href="#"> </a>
                        <a href="#">collect information </a>
                        <a href="#" class="h3">collect information </a>
                        <a href="#"></a> </a>
                        <a href="#" class="h5">collect information </a>
                        <a href="#">information </a>
                        <a href="#" class="h4">collect information </a>
                        <a href="#">collect information </a>
                        <a href="#" class="h2">collect information </a>
                        <a href="#" class="h6">collect information </a>
                        <a href="#"> interact with </a>
                        <a href="#" class="h5"> visitors both </a>
                        <a href="#" class="h6">analytics </a>
                        <a href="#" class="h3">other media.</a>
                        <a href="#"> cookies </a>
                        <a href="#" class="h2">these problems</a>
                        <a href="#">Customers </a>
                        <a href="#" class="h5">common</a>
                    </div>
                </div>
                <div class="about-box py-4 mb-5">
                    <h2 class="box-title ">About Us</h2>
                    <p>Publication is an elegant blog and magazine theme that features
                        full-screen Featured Images. It’s perfect for sites about fashion,
                        food, travel, or design. With balanced typography, colors, and
                        attention to detail, Publication helps you create visually stunning
                        posts.</p>
                </div>
            </div>
        </aside>
        <header>
            <section>
                <div class="jumbotron bg-jumbotron text-light mb-0">
                    <h1 class="heading m-0">Cait·Club</h1>
                    <button id="menuBtn" class="menu-btn" style="z-index: 1000;">
                        <i class="fas fa-1x fa-bars"></i>
                    </button>


                    <div>
                        <h1 class="display-4">Our trip to Mount Cook</h1>
                        <p class="lead">This is a simple hero unit, a simple jumbotron-style component
                            for calling extra attention to featured content or information.</p>
                    </div>
                </div>
            </section>
        </header>
        <main>
            <div class="container-fluid row m-0 p-0">
                <aside class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 bg-white container ">
                    <div class="left-aside">
                        
                    </div>
                </aside>
                <aside class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 bg-black container">
                    <div class="right-aside ">
                        <div class="container-fulid text-white ">
                            <div class="row ">
                                <section class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 ">
                                    <div class="seacher-box py-4 mb-4">
                                        <h2 class="box-title">Search</h2>
                                        <form action="#" class="search-form" method="GET">
                                            <label class="search-field">
                                                <span class="sr-only">Search...</span>
                                                <input type="text" class="search-btn" placeholder="Search...">
                                            </label>
                                            <button type="submit" class="search-submit" placeholder="Search...">
                                                <i class="fas fa-search"></i>
                                            </button>
                                        </form>
                                    </div>


                                    <div class="lastest-file-box py-4 mb-5">
                                        <h2 class="box-title">Latest Posts</h2>
                                        <ul class="list-unstyled file-list">
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">
                                                        Our trip to Mount Cook
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">Vegetable stir fry
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">The eighth Wonder of the
                                                        World
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">
                                                        Our trip to Mount Cook
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">Vegetable stir fry
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                        </ul>
                                    </div>

                                </section>
                                <section class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">

                                    <div class="tag-box py-4 ">
                                        <h2 class="box-title">Tags</h2>
                                        <div class="tages">
                                            <a href="#"> website stores</a>
                                            <a href="#" class="h4">bootstrap </a>
                                            <a href="#">home </a>
                                            <a href="#">home </a>
                                            <a href="#">alcohol </a>
                                            <a href="#">home </a>
                                            <a href="#" class="h3">website stores </a>
                                            <a href="#"> </a>
                                            <a href="#" class="h3">collect information </a>
                                            <a href="#" class="h2"> information </a>
                                            <a href="#"> </a>
                                            <a href="#">collect information </a>
                                            <a href="#" class="h3">collect information </a>
                                            <a href="#"></a> </a>
                                            <a href="#" class="h5">collect information </a>
                                            <a href="#">information </a>
                                            <a href="#" class="h4">collect information </a>
                                            <a href="#">collect information </a>
                                            <a href="#" class="h2">collect information </a>
                                            <a href="#" class="h6">collect information </a>
                                            <a href="#"> interact with </a>
                                            <a href="#" class="h5"> visitors both </a>
                                            <a href="#" class="h6">analytics </a>
                                            <a href="#" class="h3">other media.</a>
                                            <a href="#"> cookies </a>
                                            <a href="#" class="h2">these problems</a>
                                            <a href="#">Customers </a>
                                            <a href="#" class="h5">common</a>
                                        </div>
                                    </div>

                                    <div class="about-box py-4 mb-5">
                                        <h2 class="box-title ">About Us</h2>
                                        <p>Publication is an elegant blog and magazine theme that features
                                            full-screen Featured Images. It’s perfect for sites about fashion,
                                            food, travel, or design. With balanced typography, colors, and
                                            attention to detail, Publication helps you create visually stunning
                                            posts.</p>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </aside>
            </div>
        </main>
        <footer>
            <div class="footer bg-black">
                Powered by WordPress.com.
            </div>
        </footer>
    </div>

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/js/resources/jQuery.v3.4.1.js"></script>
    <script src="/js/resources/popper.v1.16.0.js"></script>
    <script src="/js/resources/bootstrap.js"></script>

    <script src="/js/front/front.common.js"></script>
    <script src="/js/front/front.index.js"></script>
    <script>


    </script>
</body>


</html>